<div class="row sectionBlockLayout sectionPrimaryColor" style="display: flex; flex-wrap: wrap; height: 15px; min-height: 15px;margin: 0px;padding: 8px;">
</div>
<div class="row sectionBlockLayout sectionFixedStyle text-left" style="display: flex; flex-wrap: wrap; min-height: 541px; background: url('/banner-image.png'); padding: 8px; margin: 0px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <h1>Create an engaging headline,<br>‌welcome, or call to action</h1>
      </div>
    </div>
</div>
<div class="row sectionBlockLayout" style="display: flex; flex-wrap: wrap; margin: 0px; text-align: center; min-height: 374px; padding: 8px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-4 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;"><img src="/feature-1.png" name="Feature 1.png" style="max-width: 100%; width: 90%; height: auto; margin-left: auto; margin-right: auto;" alt="Feature 1">
        <h3>FEATURED ITEM 1</h3>
        <p>Create a short description or engaging message to motivate your audience to take action</p>
      </div>
      <div class="col-md-4 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;"><img src="/feature-2.png" name="Feature 2.png" style="max-width: 100%; width: 90%; height: auto; margin-left: auto; margin-right: auto;" alt="Feature 2">
        <h3>FEATURED ITEM 2</h3>
        <p>Create a short description or engaging message to motivate your audience to take action</p>
      </div>
      <div class="col-md-4 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;"><img src="/feature-3.png" name="Feature 3.png" style="max-width: 100%; width: 90%; height: auto; margin-left: auto; margin-right: auto;" alt="Feature 3">
        <h3>FEATURED ITEM 3</h3>
        <p>Create a short description or engaging message to motivate your audience to take action</p>
      </div>
    </div>
</div>
<div class="row sectionBlockLayout sectionPrimaryColor" style="display: flex; flex-wrap: wrap; height: 15px; min-height: 15px; margin: 0px;">
</div>
<div class="row sectionBlockLayout text-left" style="display: flex; flex-wrap: wrap; margin: 0px; min-height: 374px; padding: 8px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-6 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <img src="/secondary-idea.png" name="Secondary idea.png" style="max-width: 100%; width: 80%; height: auto; margin-left: auto; margin-right: auto;" alt="Secondary idea">
      </div>
      <div class="col-md-6 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <h2>This is a secondary idea</h2>
        <p>This section could provide testimonials, links to training or documentation, or introduce other actions your audience may want to take.</p>
      </div>
    </div>
</div>
<div class="row sectionBlockLayout sectionPrimaryColor" style="display: flex; flex-wrap: wrap; text-align: center; min-height: 300px; padding: 45px 8px; margin: 0px;">
    <div class="container" style="display: flex; flex-wrap: wrap;">
      <div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 300px; padding: 16px; margin: 60px 0px;">
        <h3 style="color: #FFFFFF;">Introduce another idea</h3>
        <p style="color: #FFFFFF;">This section can be used to offer supporting information or introduce a new idea. It's best to keep it relevant to the contents of the page so it doesn't feel out of place.</p>
      </div>
    </div>
</div>